---
title: Progress
description: Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
author:
  name: imskyleen
  url: https://github.com/imskyleen
---

<ComponentPreview name="demo-components-radix-progress" />

## Installation

<ComponentInstallation name="components-radix-progress" />

## Usage

```tsx
<Progress />
```

## API Reference

### Progress

<div className="flex flex-col gap-2">
<ExternalLink
  href="https://animate-ui.com/docs/primitives/radix/progress#progress"
  text="Animate UI API Reference - Progress Primitive"
/>

<ExternalLink
  href="https://www.radix-ui.com/primitives/docs/components/progress#root"
  text="Radix UI API Reference - Progress.Root"
/>
</div>

## Credits

- [Radix UI Progress](https://www.radix-ui.com/primitives/docs/components/progress)
- Credit to [shadcn/ui](https://ui.shadcn.com/docs/components/progress) for style inspiration.
